<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/public.css">
    <script src="../js/jquery.min.js"></script>
    <script src="../js/rem.js"></script>
    <script src="../js/shop.js"></script>
    <title>教育网移动端</title>
    <style>
        /* 底部购物车 */
        .shop .botnav{
            position:fixed;
            bottom:0;
            left:0;
            display: flex;
            width:100%;
            height:.7rem;
            border-top:1px solid #ddd;
            z-index:999;
        }
        .shop .botnav .cart,
        .shop .botnav .settle{
            position: relative;
            width:50%;
            text-align:center;  
            background: #fff; 
        }
        .shop .botnav .cart > img{
            width:.4rem;
            height:.4rem;
        }
        .shop .botnav .cart > p{
            margin-top:-.06rem;
        }
        .shop .botnav .settle{
            background:#ff3c2c;
            color:#fff;
            font-weight: bold;
            font-size: .24rem;
            line-height:.7rem;
        }
        .shop .botnav .cart .cart-num{
            position: absolute;
            top:.04rem;
            right:40%;
            width:.26rem;
            height:.26rem;
            line-height:.25rem;
            background:#ff3c2c;
            color:#fff;
            border-radius: 50%;
            opacity:0;
        }
    </style>
</head>
<body>
    <div class="shop-cart public">
        <div class="header" style="background:#f5f5f5">
            <a href="./shop.html">
                <img src="../imgs/index/index_nav_brackets.png" style="transform:rotate(90deg)" alt="">
            </a>
        </div>
    </div>
</body>
</html>